<template>
  <div class="time_deposit_confirm">
    <div class="payment_box">
      <van-cell title="付款账号" :value="form.payerAcNo" />
      <van-cell title="付款账号" :value="form.payerAcNo" />
    </div>
    <div class="investment_box">
      <van-cell title="存期" :value="form.deposit" />
      <van-cell title="利率" :value="form.rate" />
      <van-cell title="到期自动转存" :value="form.autoSaveType" />
      <van-cell title="备注" :value="form.remark" />
    </div>
    <div class="next_box">
      <van-button color="linear-gradient(to right, #20B1F2, #1393D3)"
                  type="info" @click="next" block>提交</van-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: this.$store.state.formData
    };
  },
  methods: {
    next() {
      console.log(1);
    }
  }
};
</script>

<style lang="less">
.time_deposit_confirm {
  height: 100%;
  background-color: #EFEFEF;
  .payment_box {
    padding-top: 1vh;
  }
  .investment_box {
    padding-top: 1vh;
  }
  .next_box{
    padding: 1.2rem 0.8rem;
  }
}
</style>
